<template>
  <div>
    <pro-tabs v-model="activeName" @tab-click="handleClick">
      <el-tab-pane label="标签页一" name="first">标签页一的内容</el-tab-pane>
      <el-tab-pane label="标签页二" name="second">标签页二的内容</el-tab-pane>
      <el-tab-pane label="标签页三" name="third">标签页三的内容</el-tab-pane>
      <el-tab-pane label="标签页四" name="fourth">标签页四的内容</el-tab-pane>
      <template #operate>
        <el-button type="primary">操作按钮</el-button>
      </template>
    </pro-tabs>
  </div>
</template>

<script lang="ts" setup>
import ProTabs from '../package/index.vue';
import { ElTabPane, ElButton } from 'element-plus';
import { ref } from 'vue';

const activeName = ref('second');
const handleClick = () => {};
</script>
